<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="assets/iconfont.css">
</head>
<body>
<div class="container">
    <main class="main">
        <!--顶部信息部分-->
        <div class="top">
            <div class="head">
                <div class="head-img">
                    <img src="assets/img/headshort.jpg"/>
                    <div class="red-point"></div> <!--头像上的红点 -->
                </div>
                <div class="user">
                    <div class="id">陈亦凉</div>
                    <div class="mentor">开通会员</div>
                </div>
                <div class="letter">
                    <i class="i material-symbols:mail-outline"></i>
                </div>
            </div>
            <div class="choose">
                <div class="choose-item" onclick="location.href='join-meeting.html'">
                    <img src="assets/img/join-meeting.jpg"/>
                    <span>加入会议</span>
                </div>
                <div class="choose-item" onclick="location.href='fast-meeting.html'">
                    <img src="assets/img/fast-meeting.jpg"/>
                    <span>快速会议</span>
                </div>
                <div class="choose-item" onclick="location.href='book-meeting.html'">
                    <img src="assets/img/book-meeting.jpg"/>
                    <span>预订会议</span>
                </div>
                <div class="choose-item" onclick="location.href='share-screen.html'">
                    <img src="assets/img/share-screen.jpg"/>
                    <span>共享屏幕</span>
                </div>
            </div>
        </div>
        <!--底部会议部分-->
        <div class="previous">
            <span>历史会议 &gt;</span>
        </div>
        <div class="nothing">
            <img src="assets/img/nothing.jpg"/>
            <span>暂无会议</span>
        </div>
    </main>
</div>
</body>
</html>